<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div {
				/* border: 1px solid #000; */
				background-color: #ff0;
				overflow: hidden;
				/* padding-top: 50px;   方法1：div加上内边距 */
			}
			.s1 {
				/* 方法2：为span添加上内边距 */
				/* display: block; */     /*把行内元素变为块级元素*/
				/* padding-top: 50px; */  /*行内元素没有上下内边距，只有块级元素才有*/
			
				/* 方法3：为span添加上外间距 */
				display: block;		/*把行内元素变为块级元素*/
				margin-top: 50px; 		/*行内元素没有上下外间距，只有块级元素才有*/
			
			}
			.txt {
				/* padding-top: 50px;
				padding-bottom: 50px;
				padding-left: 50px;
				padding-right: 50px; */
				
				/* margin-top: 50px;
				margin-bottom: 50px;
				margin-left: 30px;
				margin-right: 30px; */
			}
			.s3 {
				display: block;
				margin-bottom: 50px;
			}
		</style>
	</head>
	<body>
			<!-- 如何可以让字符“1”在往下去一些？ -->
			<div>
				<span  class="s1">1</span>
				<span  class="s2">2</span>
				<span  class="s3">3</span> 
			</div>
			
			<hr>
			<span class="txt">ABCDEFG</span>
			<span class="txt">ABCDEFG</span>
			<span class="txt">ABCDEFG</span>
			<span class="txt">ABCDEFG</span>
			<span class="txt">ABCDEFG</span>
			<span class="txt">ABCDEFG</span>
			<span class="txt">ABCDEFG</span>
			<span class="txt">ABCDEFG</span>
			<span class="txt">ABCDEFG</span>
			<span class="txt">ABCDEFG</span>
			<span class="txt">ABCDEFG</span>
			<span class="txt">ABCDEFG</span>
			<span class="txt">ABCDEFG</span>
			<span class="txt">ABCDEFG</span>
			<span class="txt">ABCDEFG</span>

	</body>
</html>
